<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <link rel="stylesheet" href="static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="static/plugins/font-awesome-4.7.0/css/font-awesome.css">
    <style>
        .panel {
            width: 600px;
            height: 300px;
            /*background-color: #dddddd;*/
        }

        .panel .panel-body {
            background-color: red;
            height: 80px;
        }
    </style>
</head>
<body>

<!--<div class="panel panel-default" id="大面板">-->
    <div class="panel-body" id="导航">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">中国联通</a>
                </div>
                <div>
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">广西</a></li>
                        <li><a href="#">上海</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <div class="panel panel-default" id="表单">
        <div class="panel-heading">表单区域</div>
        <div class="panel-body">
            <div class="row">
                <div class="col-lg-6">
                    <div class="input-group">
      <span class="input-group-addon">
        <input type="checkbox" aria-label="...">
      </span>
                        <input type="text" class="form-control" aria-label="...">
                    </div><!-- /input-group -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    <div class="input-group">
      <span class="input-group-addon">
        <input type="radio" aria-label="...">
      </span>
                        <input type="text" class="form-control" aria-label="...">
                    </div><!-- /input-group -->
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div>
    </div>


<!--    <div style="margin-top: 2px">-->
        <table class="table  table-hover">
            <caption><span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>边框表格布局</caption>
            <thead>
            <tr>
                <th>名称</th>
                <th>城市</th>
                <th>邮编</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>Tanmay</td>
                <td>Bangalore</td>
                <td>560001</td>
            </tr>
            <tr>
                <td>Sachin</td>
                <td>Mumbai</td>
                <td>400003</td>
            </tr>
            <tr>
                <td>Uma</td>
                <td>Pune</td>
                <td>411027</td>
            </tr>
            </tbody>
        </table>
<!--    </div>-->
<!--</div>-->
<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
<i class="fa fa-save" aria-hidden="true" style="color: red"></i>
<i class="fa fa-save" aria-hidden="true" style="font-size: 300px"></i>
</body>
</html>